<!DOCTYPE HTML>
<!--
	Stellar by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Stellar by HTML5 UP</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload">

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header" class="alt">
						<h1>李永</h1>
						<p>看看我的主页<br />
						built by <a href="elements.html" >@1071937386@qq.com</a> 为了 <a href="elements.html">点击这里是更有意思的</a>.</p>
					</header>

				<!-- Nav -->
					<nav id="nav">
						<ul>
							<li><a href="#intro" class="active">介绍</a></li>
							<li><a href="#first">第一部分</a></li>
							<li><a href="#second">第二部分</a></li>
							<li><a href="#cta">开始</a></li>
						</ul>
					</nav>

				<!-- Main -->
					<div id="main">

						<!-- Introduction -->
							<section id="intro" class="main">
								<div class="spotlight">
									<div class="content">
										<header class="major">
											<h2>你要看看</h2>
										</header>
										<p>我叫李永来听听卡农</p>
										<audio controls="controls">
 <source src="images/卡农.flac" type="audio/mpeg">
<embed height="100" width="100" src="images/卡农.flac" />
</audio>

										<ul class="actions">
											<li><a href="generic.html" class="button">我的资料详情</a></li>
										</ul>
									</div>
									<span class="image"><img src="images/pic01.jpg" alt="" /></span>
								</div>
							</section>

						<!-- First Section -->
							<section id="first" class="main special">
								<header class="major">
									<h2>我喜欢的东西</h2>
								</header>
								<ul class="features">
									<li>
										<span class="icon solid major style1 fa-code"></span>
										<h3>篮球</h3>
										<p>这里有我喜欢的篮球巨星</p>
									</li>
									<li>
										<span class="icon major style3 fa-copy"></span>
										<h3>书单</h3>
										<p>这里是我喜欢的书</p>
									</li>
									<li>
										<span class="icon major style5 fa-gem"></span>
										<h3>音乐</h3>
										<p>这里是我的音乐推荐</p>
									</li>
								</ul>
								<footer class="major">
									<ul class="actions special">
										<li><a href="generic.html" class="button">了解详情</a></li>
									</ul>
								</footer>
							</section>

						<!-- Second Section -->
							<section id="second" class="main special">
								<header class="major">
									<h2>我的战友</h2>
									<p>我们是一队<br />
									我们永远是第一</p>
								</header>
								<ul class="statistics">
									<li class="style1">
										<span class="icon solid fa-code-branch"></span>
										<strong>1</strong> 建制
									</li>
									<li class="style2">
										<span class="icon fa-folder-open"></span>
										<strong>90</strong> 兄弟们的人数
									</li>
									<li class="style3">
										<span class="icon solid fa-signal"></span>
										<strong>11</strong> 我们的班级
									</li>
									<li class="style4">
										<span class="icon solid fa-laptop"></span>
										<strong>21</strong>我们的年龄
									</li>
									<li class="style5">
										<span class="icon fa-gem"></span>
										<strong>3</strong> 我们的年级数
									</li>
								</ul>
								<p class="content">我们一队是一个团结的集体在以往的学员评比中，我们斩获了一个又一个第一。这个你不服不行，就是这么优秀。</p>
								<footer class="major">
									<ul class="actions special">
										<li><a href="generic.html" class="button">了解了解我的集体</a></li>
									</ul>
								</footer>
							</section>

						<!-- Get Started -->
							<section id="cta" class="main special">
								<header class="major">
									<h2>我的梦想</h2>
									<p>我有故事，你有酒吗？<br />
									想知道就来看看</p>
								</header>
								<footer class="major">
									<ul class="actions special">
										<li><a href="generic.html" class="button primary">开始</a></li>
										<li><a href="generic.html" class="button">了解详情</a></li>
									</ul>
								</footer>
							</section>

					</div>

				<!-- Footer -->
					<footer id="footer">
						<section>
							<h2>联系方式</h2>
							<p>通过下面的方式可以联系我</p>
							<ul class="actions">
								<li><a href="generic.html" class="button">了解详情</a></li>
							</ul>
						</section>
						<section>
							<h2>详细方式</h2>
							<dl class="alt">
								<dt>Address</dt>
								<dd>湖南省 &bull; 长沙市 福元路&bull; 一号</dd>
								<dt>Phone</dt>
								<dd>13278877103</dd>
								<dt>Email</dt>
								<dd><a href="#">1071937386@qq.com</a></dd>
							</dl>
							<ul class="icons">
								<li><a href="#" class="icon brands fa-twitter alt"><span class="label">Twitter</span></a></li>
								<li><a href="#" class="icon brands fa-facebook-f alt"><span class="label">Facebook</span></a></li>
								<li><a href="#" class="icon brands fa-instagram alt"><span class="label">Instagram</span></a></li>
								<li><a href="#" class="icon brands fa-github alt"><span class="label">GitHub</span></a></li>
								<li><a href="#" class="icon brands fa-dribbble alt"><span class="label">Dribbble</span></a></li>
								
							</ul>
						</section>
						<p class="copyright">&copy; Untitled. Design: <a href="elements.html">
						李永</a>.</p>
					</footer>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>